/******************************************************************************
* File description: SettingModelConfigFilter.qml
* Function: 设置-模型配置：筛选
* Current Version: 1.0.0
* Author: 张宇轩
* Date: 2024-08-30
*  -----
*  Copyright by 博坤生物 .
 *****************************************************************************/
import QtQuick 2.14
import QtQuick.Controls 2.14
import QtQuick.Layouts 1.14

Item {
    id: root

    /* property 定义开始 */

    /* property 定义结束 */

    ColumnLayout {
        anchors.fill: parent

        // 内容部分
        Item {
            Layout.fillWidth: true
            Layout.fillHeight: true

            ColumnLayout {
                anchors {
                    fill: parent
                    leftMargin: 40
                    rightMargin: 40
                    topMargin: 36
                }
                spacing: 16

                // 基因分析仪
                LabelComboBox {
                    id: deviceComboBox
                    Layout.fillWidth: true
                    Layout.preferredHeight: 40
                    comboBoxWidth: width
                    comboBoxHeight: height
                    model: ["全部"]
                    comboBoxText: "基因分析仪"
                }

                // 试剂盒类型
                LabelComboBox {
                    id: shiJiHeTypeComboBox
                    Layout.fillWidth: true
                    Layout.preferredHeight: 40
                    comboBoxWidth: width
                    comboBoxHeight: height
                    model: ["全部"]
                    comboBoxText: "试剂盒类型"
                }

                // 试剂盒名称
                LabelComboBox {
                    id: shiJiHeNameComboBox
                    Layout.fillWidth: true
                    Layout.preferredHeight: 40
                    comboBoxWidth: width
                    comboBoxHeight: height
                    model: ["全部"]
                    comboBoxText: "试剂盒名称"
                }

                // 体系
                LabelComboBox {
                    id: tiXiComboBox
                    Layout.fillWidth: true
                    Layout.preferredHeight: 40
                    comboBoxWidth: width
                    comboBoxHeight: height
                    model: ["全部"]
                    comboBoxText: "体      系(μl)"
                }

                // 创建时间
                Item {
                    Layout.fillWidth: true
                    Layout.preferredHeight: 40

                    RowLayout {
                        anchors.fill: parent

                        Label {
                            Layout.preferredWidth: shiJiHeNameComboBox.getLabelSize()[0]
                            font.pixelSize: 16
                            color: "#FF222222"
                            text: "创建时间"
                        }

                        BaseTextInput {
                            Layout.fillWidth: true
                            Layout.preferredHeight: 40
                            inputFontPixelSize: 16
                        }

                        Label {
                            font.pixelSize: 16
                            color: "#FF222222"
                            text: "~"
                        }

                        BaseTextInput {
                            Layout.fillWidth: true
                            Layout.preferredHeight: 40
                            inputFontPixelSize: 16
                        }
                    }
                }
            }
        }

        // 按钮部分
        Item {
            Layout.fillWidth: true
            Layout.preferredHeight: 40
            Layout.topMargin: 40
            Layout.bottomMargin: 40

            RowLayout {
                anchors.fill: parent
                spacing: 8

                CustomHorSpacerItem {}

                PureButton {
                    id: cancelBtn
                    pureText: "取消"
                    onReleased: {
                        // root.filterPage()
                    }
                }

                GradientButton {
                    id: submitBtn
                    gradText: "确定"
                }

                CustomHorSpacerItem {}
            }
        }
    }
}
